home *** CD-ROM | disk | FTP | other *** search
/ Revista do CD-ROM 114 / CDRom114.iso / internet / temafire / Red Cats (green flavor).jar / browser / browser.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-11-06  |  30.9 KB  |  1,200 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: NPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Netscape Public License
  5.  * Version 1.1 (the "License"); you may not use this file except in
  6.  * compliance with the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/NPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is mozilla.org code.
  15.  *
  16.  * The Initial Developer of the Original Code is
  17.  * Netscape Communications Corporation.
  18.  * Portions created by the Initial Developer are Copyright (C) 1998-1999
  19.  * the Initial Developer. All Rights Reserved.
  20.  *
  21.  * Contributor(s):
  22.  *   Joe Hewitt (hewitt@netscape.com)
  23.  *   Jason Kersey (kerz@netscape.com)
  24.  *   Pierre Chanial (chanial@noos.fr)
  25.  *   Dean Tessman (dean_tessman@hotmail.com)
  26.  *   Blake Ross (blake@cs.stanford.edu)
  27.  *
  28.  * Alternatively, the contents of this file may be used under the terms of
  29.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  30.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  31.  * in which case the provisions of the GPL or the LGPL are applicable instead
  32.  * of those above. If you wish to allow use of your version of this file only
  33.  * under the terms of either the GPL or the LGPL, and not to allow others to
  34.  * use your version of this file under the terms of the NPL, indicate your
  35.  * decision by deleting the provisions above and replace them with the notice
  36.  * and other provisions required by the GPL or the LGPL. If you do not delete
  37.  * the provisions above, a recipient may use your version of this file under
  38.  * the terms of any one of the NPL, the GPL or the LGPL.
  39.  *
  40.  * ***** END LICENSE BLOCK ***** */
  41.  
  42. @import url("chrome://global/skin/");
  43.  
  44. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  45.  
  46. #PersonalToolbar {
  47.   min-height: 26px;
  48. }
  49.  
  50. /* ::::: bookmark buttons ::::: */
  51.  
  52. toolbarbutton.bookmark-item {
  53.   margin: 0;
  54.   min-width: 0;
  55.   max-width: 13em;
  56.   padding: 1px;    
  57. }
  58.  
  59. toolbarbutton.bookmark-item:hover:active,
  60. toolbarbutton.bookmark-item[open="true"] {
  61.   padding: 1px;
  62. }
  63.  
  64. .bookmark-item > .toolbarbutton-icon {
  65.   width: 16px;
  66.   height: 16px;    
  67.     margin: 0 3px 0 2px !important;
  68. }
  69.  
  70. /* Prevent [mode="icons"] from hiding the label */
  71. .bookmark-item > .toolbarbutton-text {
  72.   display: -moz-box !important;
  73. }
  74.  
  75. .bookmark-item > .toolbarbutton-menu-dropmarker {
  76.   display: none;
  77. }
  78.  
  79. #wrapper-personal-bookmarks .toolbarpaletteitem-box[place="palette"] {
  80.   list-style-image: url("chrome://browser/skin/icons/folder_closed.png") no-repeat !important;
  81.   width: 16px;
  82.   height: 16px;
  83. }
  84.         
  85. .bookmarks-toolbar-customize {
  86.   display: none;
  87.   max-width: 15em !important;
  88. }
  89.  
  90. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-customize {
  91.   display: -moz-box;
  92. }
  93.  
  94. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-overflow-items {
  95.   visibility: hidden;
  96. }
  97.  
  98. toolbarpaletteitem[place="toolbar"] .bookmarks-toolbar-items {
  99.   visibility: hidden;
  100. }
  101.  
  102. /* ::::: bookmark menus ::::: */
  103.  
  104. menu.bookmark-item,
  105. menuitem.bookmark-item {
  106.   min-width: 0;
  107.   max-width: 26em;
  108.   border-top: 1px solid transparent !important;
  109.   border-bottom: 1px solid transparent !important;
  110.   padding: 1px 2px;
  111.   margin: -1px 0 0 0;
  112. }
  113.  
  114. .bookmark-item > .menu-iconic-left > .menu-iconic-icon {
  115.   width: 16px;
  116.   height: 16px;
  117. }
  118.  
  119. /* ..... drag and drop styles ..... */
  120.  
  121. .bookmark-item[dragover-left="true"] {
  122.   -moz-border-left-colors: #000000;
  123. }
  124. .bookmark-item[dragover-right="true"] {
  125.   -moz-border-right-colors: #000000;
  126. }
  127. .bookmark-item[dragover-top="true"] {
  128.   -moz-border-top-colors: #000000;
  129. }
  130. .bookmark-item[dragover-bottom="true"] {
  131.   -moz-border-bottom-colors: #000000;
  132. }
  133.  
  134.  
  135. /* ::::: bookmark items ::::: */
  136.  
  137. .bookmark-item  {
  138.   list-style-image: url("chrome://browser/skin/icons/bookmark_item.png") !important;
  139. }
  140.  
  141. .bookmark-item:hover {
  142.   list-style-image: url("chrome://browser/skin/icons/bookmark_item-hov.png") !important;
  143.     color: #7791B6 !important;
  144.     background: #B6C8B9 !important;
  145. }
  146.  
  147. .bookmark-item[container="true"] {
  148.   list-style-image: url("chrome://browser/skin/icons/folder_closed.png") !important;
  149.     margin-top: 2px;
  150. }
  151.  
  152. .bookmark-item[open="true"],
  153. .bookmark-item[container="true"][open="true"] {
  154.   list-style-image: url("chrome://browser/skin/icons/folder_open.png") !important;
  155. }
  156.  
  157. /* livemarks have the same layout as folder-item, but in the browser-only livemark-item.png */
  158. /* only the folder icon has any effect for now, item icon is unused */
  159. .bookmark-item[livemark="true"] { 
  160.   list-style-image: url("chrome://browser/skin/icons/page-livemarks.png") !important;
  161. }
  162.  
  163. .bookmark-item[livemark="true"][open="true"],
  164. .bookmark-item[type="menu"][livemark="true"][open="true"] { 
  165.   list-style-image: url("chrome://browser/skin/icons/page-livemarks-hov.png") !important;
  166. }
  167.  
  168. .bookmark-item[type="menu"][livemark="true"] { 
  169.   list-style-image: url("chrome://browser/skin/icons/page-livemarks-hov.png") !important;
  170.     margin: 1px 0;
  171. }
  172.  
  173.  
  174. /* ::::: Primary toolbar buttons ::::: */
  175.  
  176. .toolbarbutton-1 {
  177.   -moz-box-orient: vertical;
  178.   min-width: 0;
  179. }
  180.  
  181. .toolbarbutton-1 .toolbarbutton-icon {
  182.   margin-right: 3px;
  183. }
  184.  
  185. toolbar[mode="full"] .toolbarbutton-1,
  186. toolbar[mode="full"] .toolbarbutton-menubutton-button {
  187.   min-width: 57px;
  188. }
  189.  
  190. .toolbarbutton-1, 
  191. .toolbarbutton-menubutton-button {
  192.   padding: 2px;
  193. }
  194.  
  195. .toolbarbutton-1:hover:active:not([disabled]),
  196. .toolbarbutton-1[open="true"], 
  197. .toolbarbutton-menubutton-button:hover:active:not([disabled]),
  198. .toolbarbutton-menubutton-button[open="true"] {
  199.   padding: 2px;
  200. }
  201.  
  202. .toolbarbutton-1[checked="true"] {
  203.   padding: 2px !important;
  204. }
  205.  
  206. .toolbarbutton-1[type="menu-button"] {
  207.   padding: 0px !important;
  208. }
  209.  
  210. .toolbarbutton-menubutton-stack,
  211. .toolbarbutton-menubutton-button,
  212. .toolbarbutton-menubutton-stack:hover,
  213. .toolbarbutton-menubutton-button:hover,
  214. .toolbarbutton-menubutton-stack:hover:active,
  215. .toolbarbutton-menubutton-button:hover:active {
  216.   margin: 0 !important;
  217.   display: -moz-box;
  218. }
  219.  
  220. toolbar[mode="icons"] .toolbarbutton-text {
  221.   display: none;
  222. }
  223.  
  224. toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker,
  225. toolbar[mode="text"] .toolbarbutton-icon {
  226.   display: none;
  227. }
  228.  
  229. toolbar[mode="text"] .toolbarbutton-text {
  230.     padding-top: 3px !important;
  231.     margin: 0 3px !important;
  232. }
  233.  
  234. /* ::::: 32px primary toolbar buttons ::::: */
  235.  
  236. /* Back button */
  237.  
  238. #back-button {
  239.   list-style-image: url("chrome://browser/skin/icons/back.png");
  240.   -moz-image-region: rect(0px 32px 32px 0px);
  241. }
  242.  
  243. #back-button:hover,
  244. #back-button[buttonover="true"] {    
  245.     -moz-image-region: rect(32px 32px 64px 0px); 
  246. }
  247.  
  248. #back-button[disabled="true"] {    
  249.     -moz-image-region: rect(64px 32px 96px 0px); 
  250. }
  251.  
  252. #back-button > .toolbarbutton-menubutton-dropmarker {
  253.   margin-left: -9px !important;
  254. }
  255.  
  256. /* Forward button */
  257.  
  258. #forward-button {
  259.   list-style-image: url("chrome://browser/skin/icons/forward.png");
  260.   -moz-image-region: rect(0px 32px 32px 0px);
  261. }
  262.  
  263. #forward-button:hover,
  264. #forward-button[buttonover="true"] {
  265.     -moz-image-region: rect(32px 32px 64px 0px); 
  266. }
  267.  
  268. #forward-button[disabled="true"] { 
  269.     -moz-image-region: rect(64px 32px 96px 0px); 
  270. }
  271.  
  272. #forward-button > .toolbarbutton-menubutton-dropmarker {
  273.   margin-left: -13px !important;
  274.     margin-right: 2px;
  275. }
  276.  
  277. /* Stop button */
  278.  
  279. #stop-button {
  280.     list-style-image: url("chrome://browser/skin/icons/stop.png");
  281.     -moz-image-region: rect(0px 32px 32px 0px);
  282. }
  283.  
  284. #stop-button:hover,
  285. #stop-button[buttonover="true"] { 
  286.     -moz-image-region: rect(32px 32px 64px 0px); 
  287. }
  288.  
  289. #stop-button[disabled="true"] {    
  290.     -moz-image-region: rect(64px 32px 96px 0px); 
  291. }
  292.  
  293. /* Reload button */
  294.  
  295. #reload-button {
  296.     list-style-image: url("chrome://browser/skin/icons/reload.png");
  297.     -moz-image-region: rect(0px 32px 32px 0px);
  298. }
  299.  
  300. #reload-button:hover,
  301. #reload-button[buttonover="true"] {    
  302.     -moz-image-region: rect(32px 32px 64px 0px); 
  303. }
  304.  
  305. #reload-button[disabled="true"] {
  306.     -moz-image-region: rect(64px 32px 96px 0px); 
  307. }
  308.  
  309. /* Home button */
  310.  
  311. #home-button {
  312.   list-style-image: url("chrome://browser/skin/icons/home.png");
  313.   -moz-image-region: rect(0px 32px 32px 0px);
  314. }
  315.  
  316. #home-button:hover,
  317. #home-button[buttonover="true"] {  
  318.     -moz-image-region: rect(32px 32px 64px 0px); 
  319. }
  320.  
  321. /* Download manager button */    
  322.  
  323. #downloads-button {
  324.     list-style-image: url("chrome://browser/skin/icons/downloads.png");
  325.     -moz-image-region: rect(0px 32px 32px 0px);
  326. }
  327.  
  328. #downloads-button:hover,
  329. #downloads-button[buttonover="true"] {    
  330.     -moz-image-region: rect(32px 32px 64px 0px); 
  331. }
  332.  
  333. #downloads-button[disabled="true"] { 
  334.     -moz-image-region: rect(64px 32px 96px 0px); 
  335. }
  336.  
  337. /* History sidebar button */ 
  338.  
  339. #history-button {
  340.     list-style-image: url("chrome://browser/skin/icons/history.png");
  341.     -moz-image-region: rect(0px 32px 32px 0px);
  342. }
  343.  
  344. #history-button:hover,
  345. #history-button[buttonover="true"],
  346. #history-button[checked="true"],
  347. #history-button[buttondown="true"] {    
  348.     -moz-image-region: rect(32px 32px 64px 0px); 
  349. }
  350.  
  351. #history-button[disabled="true"] {
  352.     -moz-image-region: rect(64px 32px 96px 0px); 
  353. }
  354.  
  355. /* Bookmark sidebar button */
  356.  
  357. #bookmarks-button {
  358.     list-style-image: url("chrome://browser/skin/icons/bookmarks.png");
  359.     -moz-image-region: rect(0px 32px 32px 0px);
  360. }
  361.  
  362. #bookmarks-button:hover,
  363. #bookmarks-button[buttonover="true"],
  364. #bookmarks-button[checked="true"],
  365. #bookmarks-button[buttondown="true"]  {    
  366.     -moz-image-region: rect(32px 32px 64px 0px); 
  367. }
  368.  
  369. #bookmarks-button[disabled="true"] { 
  370.     -moz-image-region: rect(64px 32px 96px 0px); 
  371. }
  372.  
  373. /* Print button */
  374.  
  375. #print-button {
  376.     list-style-image: url("chrome://browser/skin/icons/print.png");
  377.     -moz-image-region: rect(0px 32px 32px 0px);
  378. }
  379.  
  380. #print-button:hover,
  381. #print-button[buttonover="true"] {    
  382.     -moz-image-region: rect(32px 32px 64px 0px); 
  383. }
  384.  
  385. #print-button[disabled="true"] { 
  386.     -moz-image-region: rect(64px 32px 96px 0px); 
  387. }
  388.  
  389. /* New Tab button */
  390.  
  391. #new-tab-button {
  392.  list-style-image: url("chrome://browser/skin/icons/new_tab.png");
  393.  -moz-image-region: rect(0px 32px 32px 0px);
  394. }
  395.  
  396. #new-tab-button:hover,
  397. #new-tab-button[buttonover="true"]  { 
  398.     -moz-image-region: rect(32px 32px 64px 0px); 
  399. }
  400.  
  401. #new-tab-button[disabled="true"] { 
  402.     -moz-image-region: rect(64px 32px 96px 0px);    
  403. }
  404.  
  405. /* New Window button */
  406.  
  407. #new-window-button {
  408.  list-style-image: url("chrome://browser/skin/icons/new_window.png");
  409.   -moz-image-region: rect(0px 32px 32px 0px);
  410. }
  411.  
  412. #new-window-button:hover,
  413. #new-window-button[buttonover="true"]  { 
  414.     -moz-image-region: rect(32px 32px 64px 0px);
  415. }
  416.  
  417. #new-window-button[disabled="true"] { 
  418.     -moz-image-region: rect(64px 32px 96px 0px); 
  419. }
  420.  
  421. /* Cut button */    
  422.  
  423. #cut-button {
  424.     list-style-image: url("chrome://browser/skin/icons/cut.png");
  425.     -moz-image-region: rect(0px 32px 32px 0px);
  426. }
  427.  
  428. #cut-button:hover,
  429. #cut-button[buttonover="true"] {    
  430.     -moz-image-region: rect(32px 32px 64px 0px); 
  431. }
  432.  
  433. #cut-button[disabled="true"] { 
  434.     -moz-image-region: rect(64px 32px 96px 0px); 
  435. }
  436.  
  437. /* Copy button */    
  438.  
  439. #copy-button {
  440.     list-style-image: url("chrome://browser/skin/icons/copy.png");
  441.     -moz-image-region: rect(0px 32px 32px 0px);
  442. }
  443.  
  444. #copy-button:hover,
  445. #copy-button[buttonover="true"] { 
  446.     -moz-image-region: rect(32px 32px 64px 0px); 
  447. }
  448.  
  449. #copy-button[disabled="true"] {    
  450.     -moz-image-region: rect(64px 32px 96px 0px); 
  451. }
  452.  
  453. /* Paste button */
  454.  
  455. #paste-button {
  456.     list-style-image: url("chrome://browser/skin/icons/paste.png");
  457.     -moz-image-region: rect(0px 32px 32px 0px);
  458. }
  459.  
  460. #paste-button:hover,
  461. #paste-button[buttonover="true"] {    
  462.     -moz-image-region: rect(32px 32px 64px 0px); 
  463. }
  464.  
  465. #paste-button[disabled="true"] { 
  466.     -moz-image-region: rect(64px 32px 96px 0px); 
  467. }
  468.  
  469. /* Mail button */
  470.  
  471. #mail-button {
  472.  list-style-image: url("chrome://browser/skin/icons/mails.png");
  473.   -moz-image-region: rect(0px 32px 32px 0px);
  474. }
  475.  
  476. #mail-button .toolbarbutton-menu-dropmarker {    
  477.     display: none;
  478. }
  479.  
  480. #mail-button:hover,
  481. #mail-button[buttonover="true"] { 
  482.     -moz-image-region: rect(32px 32px 64px 0px); 
  483. }
  484.  
  485. #mail-button[disabled="true"] { 
  486.     -moz-image-region: rect(64px 32px 96px 0px); 
  487. }
  488.  
  489.  
  490. /* ::::: 24px primary toolbar buttons ::::: */    
  491.  
  492. toolbar[iconsize="small"] .toolbarbutton-1 {
  493.   -moz-box-orient: vertical;
  494. }
  495.  
  496. toolbar[iconsize="small"] .toolbarbutton-1 .toolbarbutton-icon {
  497.   margin-right: 3px;
  498. }
  499.  
  500. toolbar[iconsize="small"] .toolbarbutton-1, 
  501. toolbar[iconsize="small"] .toolbarbutton-menubutton-button {
  502.   padding: 2px;
  503. }
  504.  
  505. toolbar[iconsize="small"] .toolbarbutton-1:hover:active:not([disabled]),
  506. toolbar[iconsize="small"] .toolbarbutton-1[open="true"], 
  507. toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover:active:not([disabled]),
  508. toolbar[iconsize="small"] .toolbarbutton-menubutton-button[open="true"] {
  509.   padding: 2px;
  510. }
  511.  
  512. toolbar[iconsize="small"] .toolbarbutton-1[checked="true"] {
  513.   padding: 2px !important;
  514. }
  515.  
  516. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"] {
  517.   padding: 0 !important;
  518. }
  519.  
  520. toolbar[iconsize="small"] .toolbarbutton-menubutton-stack,
  521. toolbar[iconsize="small"] .toolbarbutton-menubutton-button,
  522. toolbar[iconsize="small"] .toolbarbutton-menubutton-stack:hover,
  523. toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover,
  524. toolbar[iconsize="small"] .toolbarbutton-menubutton-stack:hover:active,
  525. toolbar[iconsize="small"] .toolbarbutton-menubutton-button:hover:active {
  526.   margin: 0 !important;
  527.   display: -moz-box;
  528. }
  529.  
  530. /* Back button */
  531.  
  532. toolbar[iconsize="small"] #back-button {
  533.     list-style-image: url("chrome://browser/skin/icons/back-small.png");
  534.     -moz-image-region: rect(0px 24px 24px 0px);
  535. }
  536.  
  537. toolbar[iconsize="small"] #back-button:hover,
  538. toolbar[iconsize="small"] #back-button[buttonover="true"] {
  539.     -moz-image-region: rect(24px 24px 48px 0px);
  540. }
  541.  
  542. toolbar[iconsize="small"] #back-button[disabled="true"] {
  543.     -moz-image-region: rect(48px 24px 72px 0px);
  544. }
  545.  
  546. toolbar[iconsize="small"] #back-button > .toolbarbutton-menubutton-dropmarker {
  547.   margin-right: 2px !important;
  548.     padding-left: 2px !important;
  549. }
  550.  
  551. /* Forward button */
  552.  
  553. toolbar[iconsize="small"] #forward-button {
  554.     list-style-image: url("chrome://browser/skin/icons/forward-small.png");
  555.     -moz-image-region: rect(0px 24px 24px 0px);
  556. }
  557.  
  558. toolbar[iconsize="small"] #forward-button:hover,
  559. toolbar[iconsize="small"] #forward-button[buttonover="true"] {
  560.     -moz-image-region: rect(24px 24px 48px 0px);
  561. }
  562.  
  563. toolbar[iconsize="small"] #forward-button[disabled="true"] {
  564.     -moz-image-region: rect(48px 24px 72px 0px);
  565. }
  566.  
  567. toolbar[iconsize="small"] #forward-button > .toolbarbutton-menubutton-dropmarker {
  568.   margin-right: 3px !important;
  569.     padding-left: 2px !important;    
  570. }
  571.  
  572. /* Stop button */
  573.  
  574. toolbar[iconsize="small"] #stop-button {
  575.     list-style-image: url("chrome://browser/skin/icons/stop-small.png");
  576.     -moz-image-region: rect(0px 24px 24px 0px);
  577. }
  578.  
  579. toolbar[iconsize="small"] #stop-button:hover,
  580. toolbar[iconsize="small"] #stop-button[buttonover="true"] {
  581.     -moz-image-region: rect(24px 24px 48px 0px);
  582. }
  583.  
  584. toolbar[iconsize="small"] #stop-button[disabled="true"] {
  585.     -moz-image-region: rect(48px 24px 72px 0px);
  586. }
  587.  
  588. /* Reload button */
  589.  
  590. toolbar[iconsize="small"] #reload-button {
  591.     list-style-image: url("chrome://browser/skin/icons/reload-small.png");
  592.     -moz-image-region: rect(0px 24px 24px 0px);
  593. }
  594.  
  595. toolbar[iconsize="small"] #reload-button:hover,
  596. toolbar[iconsize="small"] #reload-button[buttonover="true"] {
  597.     -moz-image-region: rect(24px 24px 48px 0px);
  598. }
  599. toolbar[iconsize="small"] #reload-button[disabled="true"] {
  600.     -moz-image-region: rect(48px 24px 72px 0px);
  601. }
  602.  
  603. /* Home button */
  604.  
  605. toolbar[iconsize="small"] #home-button {
  606.   list-style-image: url("chrome://browser/skin/icons/home-small.png");
  607.   -moz-image-region: rect(0px 24px 24px 0px);
  608. }
  609.  
  610. toolbar[iconsize="small"] #home-button:hover,
  611. toolbar[iconsize="small"] #home-button[buttonover="true"] {
  612.   -moz-image-region: rect(24px 24px 48px 0px);
  613. }
  614.  
  615. /* Download Manager button */
  616.  
  617. toolbar[iconsize="small"] #downloads-button {
  618.     list-style-image: url("chrome://browser/skin/icons/downloads-small.png");
  619.     -moz-image-region: rect(0px 24px 24px 0px);
  620. }
  621.  
  622. toolbar[iconsize="small"] #downloads-button:hover,
  623. toolbar[iconsize="small"] #downloads-button[buttonover="true"] {
  624.     -moz-image-region: rect(24px 24px 48px 0px);
  625. }
  626.  
  627. toolbar[iconsize="small"] #downloads-button[disabled="true"] {
  628.     -moz-image-region: rect(48px 24px 72px 0px);
  629. }
  630.  
  631. /* History Sidebar button */
  632.  
  633. toolbar[iconsize="small"] #history-button {
  634.     list-style-image: url("chrome://browser/skin/icons/history-small.png");
  635.     -moz-image-region: rect(0px 24px 24px 0px);
  636. }
  637.  
  638. toolbar[iconsize="small"] #history-button:hover,
  639. toolbar[iconsize="small"] #history-button[buttonover="true"],
  640. toolbar[iconsize="small"] #history-button[checked="true"],
  641. toolbar[iconsize="small"] #history-button[buttondown="true"] {
  642.     -moz-image-region: rect(24px 24px 48px 0px);
  643. }
  644.  
  645. toolbar[iconsize="small"] #history-button[disabled="true"] {
  646.     -moz-image-region: rect(48px 24px 72px 0px);
  647. }
  648.  
  649. /* Bookmark Sidebar button */
  650.  
  651. toolbar[iconsize="small"] #bookmarks-button {
  652.     list-style-image: url("chrome://browser/skin/icons/bookmarks-small.png");
  653.     -moz-image-region: rect(0px 24px 24px 0px);
  654. }
  655.  
  656. toolbar[iconsize="small"] #bookmarks-button:hover,
  657. toolbar[iconsize="small"] #bookmarks-button[buttonover="true"],
  658. toolbar[iconsize="small"] #bookmarks-button[checked="true"],
  659. toolbar[iconsize="small"] #bookmarks-button[buttondown="true"]  {
  660.   -moz-image-region: rect(24px 24px 48px 0px);
  661. }
  662.  
  663. toolbar[iconsize="small"] #bookmarks-button[disabled="true"] {
  664.     -moz-image-region: rect(48px 24px 72px 0px);
  665. }
  666.  
  667. /* Print button */
  668.  
  669. toolbar[iconsize="small"] #print-button {
  670.   list-style-image: url("chrome://browser/skin/icons/print-small.png");
  671.   -moz-image-region: rect(0px 24px 24px 0px);
  672. }
  673.  
  674. toolbar[iconsize="small"] #print-button:hover,
  675. toolbar[iconsize="small"] #print-button[buttonover="true"] {
  676.     -moz-image-region: rect(24px 24px 48px 0px);
  677. }
  678.  
  679. toolbar[iconsize="small"] #print-button[disabled="true"] {
  680.   -moz-image-region: rect(48px 24px 72px 0px);
  681. }
  682.  
  683. /* New Tab button */
  684.  
  685. toolbar[iconsize="small"] #new-tab-button {
  686.     list-style-image: url("chrome://browser/skin/icons/new_tab-small.png");
  687.     -moz-image-region: rect(0px 24px 24px 0px);
  688. }
  689.  
  690. toolbar[iconsize="small"] #new-tab-button:hover,
  691. toolbar[iconsize="small"] #new-tab-button[buttonover="true"] {
  692.     -moz-image-region: rect(24px 24px 48px 0px);
  693. }
  694.  
  695. toolbar[iconsize="small"] #new-tab-button[disabled="true"] {
  696.     -moz-image-region: rect(48px 24px 72px 0px);
  697. }
  698.  
  699. /* New Window button */
  700.  
  701. toolbar[iconsize="small"] #new-window-button {
  702.     list-style-image: url("chrome://browser/skin/icons/new_window-small.png");
  703.     -moz-image-region: rect(0px 24px 24px 0px);
  704. }
  705.  
  706. toolbar[iconsize="small"] #new-window-button:hover,
  707. toolbar[iconsize="small"] #new-window-button[buttonover="true"] {
  708.     -moz-image-region: rect(24px 24px 48px 0px);
  709. }
  710.  
  711. toolbar[iconsize="small"] #new-window-button[disabled="true"] {
  712.     -moz-image-region: rect(48px 24px 72px 0px);
  713. }
  714.  
  715. /* Cut button */
  716.  
  717. toolbar[iconsize="small"] #cut-button {
  718.     list-style-image: url("chrome://browser/skin/icons/cut-small.png");
  719.     -moz-image-region: rect(0px 24px 24px 0px);
  720. }
  721.  
  722. toolbar[iconsize="small"] #cut-button:hover,
  723. toolbar[iconsize="small"] #cut-button[buttonover="true"] {
  724.     -moz-image-region: rect(24px 24px 48px 0px);
  725. }
  726.  
  727. toolbar[iconsize="small"] #cut-button[disabled="true"] {
  728.     -moz-image-region: rect(48px 24px 72px 0px);
  729. }
  730.  
  731. /* Copy button */
  732.  
  733. toolbar[iconsize="small"] #copy-button {
  734.     list-style-image: url("chrome://browser/skin/icons/copy-small.png");
  735.     -moz-image-region: rect(0px 24px 24px 0px);
  736. }
  737.  
  738. toolbar[iconsize="small"] #copy-button:hover,
  739. toolbar[iconsize="small"] #copy-button[buttonover="true"] {
  740.     -moz-image-region: rect(24px 24px 48px 0px);
  741. }
  742.  
  743. toolbar[iconsize="small"] #copy-button[disabled="true"] {
  744.     -moz-image-region: rect(48px 24px 72px 0px);
  745. }
  746.  
  747. /* Paste button */
  748.  
  749. toolbar[iconsize="small"] #paste-button {
  750.     list-style-image: url("chrome://browser/skin/icons/paste-small.png");
  751.     -moz-image-region: rect(0px 24px 24px 0px);
  752. }
  753.  
  754. toolbar[iconsize="small"] #paste-button:hover,
  755. toolbar[iconsize="small"] #paste-button[buttonover="true"] {
  756.     -moz-image-region: rect(24px 24px 48px 0px);
  757. }
  758.  
  759. toolbar[iconsize="small"] #paste-button[disabled="true"] {
  760.     -moz-image-region: rect(48px 24px 72px 0px);
  761. }
  762.  
  763. /* Mail button */
  764.  
  765. toolbar[iconsize="small"] #mail-button {
  766.     list-style-image: url("chrome://browser/skin/icons/mails-small.png");
  767.     -moz-image-region: rect(0px 24px 24px 0px);
  768. }
  769.  
  770. toolbar[iconsize="small"] #mail-button:hover,
  771. toolbar[iconsize="small"] #mail-button[buttonover="true"] {
  772.     -moz-image-region: rect(24px 24px 48px 0px);
  773. }
  774.  
  775. toolbar[iconsize="small"] #mail-button[disabled="true"] {
  776.     -moz-image-region: rect(48px 24px 72px 0px);
  777. }
  778.  
  779.  
  780. /* ::::: fullscreen window controls ::::: */
  781.  
  782. #window-controls {
  783.   -moz-box-align: center;
  784.   padding: 0 2px 0 4px;
  785. }
  786.  
  787. #minimize-button {
  788.   list-style-image: url("chrome://global/skin/icons/Minimize.gif");
  789. }
  790.  
  791. #restore-button {
  792.   list-style-image: url("chrome://global/skin/icons/Restore.gif");
  793. }
  794.  
  795. #close-button{
  796.   list-style-image: url("chrome://browser/skin/icons/close-button.png");
  797. } 
  798.  
  799. #close-button:hover, #close-button:hover:active {
  800.   list-style-image: url("chrome://browser/skin/icons/close-button-hov.png") !important;
  801. }
  802.  
  803.  
  804. /* ::::: nav-bar-inner ::::: */
  805.     
  806. #urlbar {
  807.   -moz-appearance: none !important;
  808.   background: url("chrome://global/skin/menulist/searchbar-startcap.png") no-repeat left center;
  809.   border: none !important;    
  810.     margin: 0 6px !important;
  811.   padding-left: 6px;
  812. }
  813.  
  814. /* urlbar endcap */
  815.  
  816. #urlbar>.autocomplete-history-dropmarker {
  817.   border: none;
  818.   width: 20px;
  819.   -moz-appearance: none !important;
  820.   -moz-box-align: center;
  821.   -moz-box-pack: center;
  822.   background: url("chrome://global/skin/menulist/searchbar-endcap.png") no-repeat right center;
  823.   list-style-image: url("chrome://browser/skin/icons/url_dropmarker.png");
  824.   -moz-image-region: rect(0px 16px 16px 0px);
  825.   background-color: transparent;
  826.   background-repeat: no-repeat;
  827.   margin: 0px;
  828.   min-height: 22px;
  829. }
  830.  
  831. /* urlbar body */    
  832.  
  833. #urlbar>.autocomplete-textbox-container {
  834.   -moz-appearance: none !important;
  835.   background: url("chrome://global/skin/menulist/searchbar-text.png") repeat-x left center;
  836.   padding: 2px 0px;
  837. }
  838.  
  839. #urlbar > .autocomplete-history-dropmarker:hover,
  840. #urlbar > .autocomplete-history-dropmarker:hover:active {
  841.   -moz-image-region: rect(16px 16px 32px 0px);
  842. }
  843.  
  844. /* Make the searchbar wider */ 
  845.  
  846. /* Seachbar startcap */
  847.  
  848. #search-container {
  849.   -moz-appearance: none !important;
  850.   -moz-box-flex: 350 !important;
  851.   border: none !important;
  852.   background: url("chrome://global/skin/menulist/searchbar-startcap.png") no-repeat left center;
  853.   margin: 0 2px;
  854.     padding: 0 2px 0 6px;
  855.   min-height: 22px;
  856. }
  857.  
  858. #searchbar {
  859.   -moz-box-flex: 350 !important;
  860.     margin: 0;
  861. }    
  862.  
  863.  
  864. /* ::::: page proxy icon ::::: */    
  865.  
  866. #page-proxy-deck,
  867. #page-proxy-favicon,
  868. #search-proxy-button,
  869. #page-proxy-button {
  870.   width: 16px;
  871.   height: 16px;
  872. }
  873.  
  874. #page-proxy-deck {
  875.   cursor: -moz-grab;
  876.     margin: 1px 1px 1px 0;
  877. }
  878.  
  879. #page-proxy-favicon {
  880.   list-style-image: none;
  881. }
  882.  
  883. #page-proxy-button {
  884.   list-style-image: url("chrome://browser/skin/icons/bookmark_item.png") !important;
  885. }
  886.  
  887. #page-proxy-button[pageproxystate="invalid"] {
  888.     cursor: default;
  889.     list-style-image: url("chrome://browser/skin/icons/bookmark_item-hov.png") !important;
  890. }
  891.  
  892. statusbarpanel#statusbar-display {
  893.   padding-left: 0;
  894. }    
  895.  
  896. /* ::::: autocomplete ::::: */
  897.  
  898. .autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
  899.   color: #C0D1C1;
  900. }    
  901.  
  902.  
  903. /* ::::: Go button ::::: */
  904.  
  905. #go-button {
  906.  list-style-image: url("chrome://browser/skin/icons/go.png");
  907.  -moz-image-region: rect(0px 18px 19px 0px);
  908.  margin: 1px 2px 0 0 !important;
  909.  padding: 0 !important;
  910. }
  911.  
  912. #go-button:hover,
  913. #go-button[buttonover="true"] {
  914.   -moz-image-region: rect(19px 18px 38px 0px);
  915. }    
  916.  
  917. #go-button[disabled="true"] {
  918.  -moz-image-region: rect(38px 18px 57px 0px);
  919. }
  920.  
  921. #go-button > .toolbarbutton-text {
  922.   display: none !important;
  923. }
  924.  
  925. #sidebar {
  926.     background-color: #C0D1C1;
  927. }
  928.  
  929.  
  930. /* ::::: content area ::::: */ 
  931.  
  932. #status-bar {
  933.     padding: 1px 0;
  934. }
  935.  
  936. #security-button {
  937.   list-style-image: url("chrome://browser/skin/icons/secure-dis.png");
  938.     width: 25px;
  939.     margin-left: 6px;
  940. }
  941.  
  942. #security-button[level="high"] {
  943.   list-style-image: url("chrome://browser/skin/icons/secure.png");
  944. }
  945.  
  946. #security-button[level="low"] {
  947.   list-style-image: url("chrome://browser/skin/secure_low.png");
  948. }
  949.  
  950. #security-button[level="broken"] {
  951.   list-style-image: url("chrome://browser/skin/security-broken.png");
  952. }
  953.  
  954. /* XXXsw prevent margins of a value-less label from shifting the image */
  955. #security-button > label:not([value]) {
  956.   display: none;
  957. }
  958.  
  959. #page-report-button {
  960.   list-style-image: url("chrome://browser/skin/icons/popup-blocked-dis.png");
  961.     width: 25px;
  962. }
  963.  
  964. #page-report-button[blocked] {
  965.   list-style-image: url("chrome://browser/skin/icons/popup-blocked.png");  
  966. }
  967.  
  968. #page-theme-button {
  969.   list-style-image: url("chrome://browser/skin/icons/page-themes-dis.png"); 
  970.   width: 25px;
  971. }
  972.  
  973. #page-theme-button[themes] {
  974.   list-style-image: url("chrome://browser/skin/icons/page-themes.png");  
  975. }
  976.  
  977. #livemark-button {
  978.   list-style-image: url("chrome://browser/skin/icons/page-livemarks-dis.png");
  979.     width: 25px;
  980. }
  981.  
  982. #livemark-button[livemarks] {
  983.   list-style-image: url("chrome://browser/skin/icons/page-livemarks.png");    
  984. }
  985.  
  986.  
  987. /* ::::: throbber ::::: */
  988.  
  989. #navigator-throbber {
  990.   -moz-appearance: none !important;
  991.   -moz-user-focus: ignore;
  992.     -moz-box-pack: center;
  993.     list-style-image: url("chrome://browser/skin/icons/throbber.png");
  994.     min-width: 0;
  995.     height: 32px;
  996.   margin: 0 6px !important;
  997.     padding: 0 !important;    
  998.   background: transparent !important;
  999.     border: none !important;   
  1000. }
  1001.  
  1002. #navigator-throbber .button-box {
  1003.     background: none !important;
  1004.     padding: 0 !important;
  1005. }
  1006.  
  1007. #navigator-throbber[busy="true"] {
  1008.   list-style-image: url("chrome://browser/skin/icons/throbber.gif");
  1009.     height: 32px;
  1010. }
  1011.  
  1012. toolbar[iconsize="small"] #navigator-throbber,
  1013. toolbar[mode="text"] #navigator-throbber {
  1014.   list-style-image: url("chrome://browser/skin/icons/throbber-small.png");
  1015.   height: 24px;
  1016. }
  1017.  
  1018. toolbar[iconsize="small"] #navigator-throbber[busy="true"],
  1019. toolbar[mode="text"] #navigator-throbber[busy="true"] {
  1020.   list-style-image: url("chrome://browser/skin/icons/throbber-small.gif");
  1021.   height: 24px;
  1022. }
  1023.  
  1024. .tabs-closebutton > .toolbarbutton-icon {
  1025.   margin: 0 0 0 3px !important;
  1026.   padding-right: 2px !important;
  1027. }
  1028.  
  1029. .tabs-closebutton {
  1030.   -moz-appearance: none !important;    
  1031.   list-style-image: url("chrome://browser/skin/icons/close-button.png");
  1032.     border: none !important;
  1033.     margin: 0;
  1034.     padding: 0 !important;        
  1035. }
  1036.  
  1037. .tabs-closebutton:hover, 
  1038. .tabs-closebutton:hover:active {
  1039.   list-style-image: url("chrome://browser/skin/icons/close-button-hov.png");
  1040. }
  1041.  
  1042. #sidebar-box .tabs-closebutton {
  1043.   margin: 1px 0 !important;
  1044.   padding: 0 !important;
  1045. }
  1046.  
  1047. #FindToolbar > .tabs-closebutton {
  1048.   padding-left: 3px !important;
  1049. }
  1050.  
  1051. toolbarbutton.chevron {
  1052.   list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important;
  1053. }
  1054.  
  1055. toolbarbutton.chevron > .toolbarbutton-text {
  1056.   display: none; /* hide chevron label */
  1057. }
  1058.  
  1059. toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
  1060.   display: none;
  1061. }
  1062.  
  1063. toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
  1064.   display: -moz-box; /* display chevron icon in text mode */
  1065. }
  1066.  
  1067. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
  1068.   display: -moz-box;
  1069. }
  1070.  
  1071. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
  1072.    display: none;
  1073. }
  1074.  
  1075. #sidebar-throbber[loading="true"] {
  1076.   list-style-image: url("chrome://global/icons/loading.gif");
  1077. }
  1078.  
  1079. #urlbar[level="high"] > .autocomplete-textbox-container,
  1080. #urlbar[level="low"] > .autocomplete-textbox-container,
  1081. #urlbar[level="broken"] > .autocomplete-textbox-container {
  1082.   background-color: #F5F6BE;
  1083.   color: #000000;
  1084. }
  1085.  
  1086. #urlbar[level="high"] > .autocomplete-textbox-container > .info-icon {
  1087.   list-style-image: url("chrome://browser/skin/secure.png");
  1088. }
  1089. #urlbar[level="low"] > .autocomplete-textbox-container > .info-icon {
  1090.   list-style-image: url("chrome://browser/skin/secure-low.png");
  1091. }
  1092. #urlbar[level="broken"] > .autocomplete-textbox-container > .info-icon {
  1093.   list-style-image: url("chrome://browser/skin/security-broken.png");
  1094. }
  1095.  
  1096.  
  1097. /* ::::: Find Toolbar - to be deleted :::::  */
  1098.  
  1099. #FindToolbar {
  1100.      border: 2px solid;
  1101.   -moz-border-top-colors: #A6B7A9 #DBE8DD;
  1102.   -moz-border-right-colors: #DBE8DD #A6B7A9;
  1103.   -moz-border-bottom-colors:  #DBE8DD #A6B7A9;
  1104.   -moz-border-left-colors: #A6B7A9 #DBE8DD;
  1105.     -moz-border-radius: 2px;    
  1106.     padding-bottom: 1px;
  1107.   background-image : url("chrome://browser/skin/bg.png") !important;
  1108. }
  1109.  
  1110. /* Find-next button */
  1111. #find-next {
  1112.   list-style-image: url("chrome://browser/skin/icons/find-next.png");
  1113.   -moz-image-region: rect(0px 16px 16px 0px);
  1114.     padding: 0 4px;
  1115.   border-right: 1px solid #A6B7A9;
  1116. }
  1117.  
  1118. #find-next:hover {
  1119.   -moz-image-region: rect(16px 16px 32px 0px);
  1120. }
  1121.  
  1122. #find-next[disabled="true"] {
  1123.   -moz-image-region: rect(32px 16px 48px 0px) !important;
  1124. }
  1125.  
  1126. /* Find-previous button */
  1127. #find-previous {
  1128.   list-style-image: url("chrome://browser/skin/icons/find-prev.png");
  1129.   -moz-image-region: rect(0px 16px 16px 0px);
  1130.     padding: 0 4px;
  1131.   border-right: 1px solid #A6B7A9;
  1132. }
  1133.  
  1134. #find-previous:hover {
  1135.   -moz-image-region: rect(16px 16px 32px 0px);
  1136. }
  1137.  
  1138. #find-previous[disabled="true"] {
  1139.   -moz-image-region: rect(32px 16px 48px 0px) !important;
  1140. }
  1141.  
  1142. /* Highlight button */
  1143. #highlight {
  1144.   list-style-image: url("chrome://browser/skin/icons/find-highlight.png");
  1145.   -moz-image-region: rect(0px 16px 16px 0px);
  1146.     padding: 0 4px;
  1147. }
  1148.  
  1149. #highlight:hover, #highlight:active, 
  1150. #highlight[checked="true"],
  1151. #highlight[checked="true"]:hover {
  1152.   -moz-image-region: rect(16px 16px 32px 0px);
  1153. }
  1154.  
  1155. #highlight[disabled="true"] {
  1156.   -moz-image-region: rect(32px 16px 48px 0px) !important;
  1157. }
  1158.  
  1159. #find-status-icon {
  1160.     list-style-image: none;
  1161.     margin-left: 20px;
  1162.     width: 16px;
  1163.   height: 16px;
  1164. }
  1165.  
  1166. #find-status-icon[status="notfound"] {
  1167.   list-style-image: url("chrome://browser/skin/icons/find-notfound.png");
  1168. }
  1169.  
  1170. #find-status { margin: 1px 0px 0px 5px; }
  1171.  
  1172. #find-field {
  1173.   -moz-appearance: none;
  1174.   border: none;    
  1175.   margin: 0px;
  1176. }
  1177.  
  1178. #find-field[status="notfound"] {
  1179.   background-color: #E51616;
  1180.   color: white;
  1181. }
  1182.  
  1183. #FindToolbar[flash="true"]  > #find-field-container > #find-field {
  1184.   background-color: #7FFF00;
  1185. }
  1186.  
  1187. #find-status-icon[status="wrapped"] {
  1188.   list-style-image: url("chrome://browser/skin/icons/find-wrap.png");
  1189. }
  1190.  
  1191. #find-field-container { 
  1192.     -moz-appearance: none;
  1193.     border: 2px solid;
  1194.   -moz-border-top-colors: #A6B7A9 #DBE8DD;
  1195.   -moz-border-right-colors: #DBE8DD #A6B7A9;
  1196.   -moz-border-bottom-colors: #DBE8DD #A6B7A9;
  1197.   -moz-border-left-colors: #A6B7A9 #DBE8DD;
  1198.   -moz-border-radius: 2px;
  1199. }
  1200.